<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="info">
    <label>您的学历：</label>
    <input type="radio" name="degree" value="本科" v-model="degree"/>本科
    <input type="radio" name="degree" value="硕士" v-model="degree"/>硕士
    <input type="radio" name="degree" value="博士" v-model="degree"/>博士
    </br>
    <input type="button" id="svdata" value="设置vue值" @click="svdata"/>
    <input type="button" id="gvdata" value="获取vue值" @click="gvdata"/>
</div>



</body>
<script type="text/javascript" src="./js/vue.min.js"></script>
<script type="text/javascript">
    var vueObj = new Vue({
        el : "#info",
        data : {
            degree: "本科"
        },
        methods : {
            svdata : function(event){
                this.degree="博士";
            },
            gvdata : function(event){
                alert(this.degree);
            }
        }
    });
</script>



</html>